<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>

	<head>
		<title> jQuery判断checkbox各种选中的情况 </title>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
		<script LANGUAGE="JavaScript">
			$("document").ready(function() {
				//全选
				$("#btn1").click(function() {
					$("input[name='checkbox']").prop("checked", true); 
				})
				//取消全选
				$("#btn2").click(function() {
					$("input[name='checkbox']").prop("checked",false); 
				})
				//选中所有奇数
				$("#btn3").click(function() {
					$("input[name='checkbox']:even").prop("checked", true); 
				})
				//反选
				$("#btn4").click(function() {
					$("input[name='checkbox']").each(function() {
						if($(this).prop("checked")) {
							$(this).removeAttr("checked");
						} else {
							$(this).prop("checked", true);
						}
					})
				})
				//使用 jquery 获取一组 checkbox 的选中状态的值
				$("#btn5").click(function() {
					var id_array=new Array();  
					$("input[name='checkbox']:checked").each(function() {
						id_array.push($(this).val());//向数组中添加元素  
					})
					var idstr=id_array.join(',');//将数组元素连接起来以构建一个字符串  
					alert(idstr);  
				})
				//使用 jquery 获取单个 checkbox 的选中状态的值
				$("#btn6").click(function() {
					if($("#check").is(":checked")){ //选中
						alert($("#check").val()); //打印选中的值
					}
				})
			})
		</script>

	</head>

	<body>
		<form name="form1" method="post" action="">
			<input type="button" id="btn1" value="全选">
			<input type="button" id="btn2" value="取消全选">
			<input type="button" id="btn3" value="选中所有奇数">
			<input type="button" id="btn4" value="反选">
			<input type="button" id="btn5" value="获得选中的所有值">
			<input type="button" id="btn6" value="获取单个checkbox的选中值">
			<br>
			<input type="checkbox" name="checkbox" value="checkbox1"> checkbox1
			<input type="checkbox" name="checkbox" value="checkbox2"> checkbox2
			<input type="checkbox" name="checkbox" value="checkbox3"> checkbox3
			<input type="checkbox" name="checkbox" value="checkbox4"> checkbox4
			<input type="checkbox" name="checkbox" value="checkbox5"> checkbox5
			<input type="checkbox" name="checkbox" value="checkbox6"> checkbox6
			<input type="checkbox" name="checkbox" value="checkbox7"> checkbox7
			<input type="checkbox" name="checkbox" value="checkbox8"> checkbox8
			<input type="checkbox" name="checkbox" value="checkbox8" id="check" checked=""> checkbox8
		</form>
	</body>
</div>